<!--
 * @Author: wpp 906008377@qq.com
 * @Date: 2025-04-02 10:11:14
 * @LastEditors: wpp 906008377@qq.com
 * @LastEditTime: 2025-04-02 17:17:00
 * @FilePath: \vue-project\src\views\component\customElement.ce.vue
 * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
-->
<template>
  <div @click='customElementFn' class="custom-element">
    自定义element组件
  </div>
</template>

<script setup>
const props = defineProps({
  test: {
    type: String,
    default: 'test'
  }
})

const customElementFn = () => {
  console.log('prop', props)
}
</script>

<style>
.custom-element {
  color: red;
  cursor: pointer;
}
</style>